﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" trace="false" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="http://www.facebook.com/2008/fbml">
     
  <head>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8"/>
    <meta content='Fabrizio Catitti Photography Website' name='description'/>
    <meta content='Photography, catitti, c#, html, jquery, australia, south america, safari, national, park, portfolio,north america, africa, tanzania, serengeti, tarangire, developer, argentina, iguazu, grand canyon' name='keywords'/>
    <meta content='Fabrizio Catitti' name='author'/>
    <meta property="og:title" content="Fabrizio Catitti&#039;s Picture" />
    <meta property="og:type" content="website" />
    <meta property="og:image" content="http://www.catitti.com/photo/2010_zanzibar/thumbs/DSC_4345.jpg" />
<%--    <meta property="og:site_name" content="Fabrizio Catitti Photography Website" />--%>
    <meta property="fb:admins" content="584668120" />

    <title>Fabrizio Catitti Photography</title>
    <link href="css/style.css" type="text/css" rel="stylesheet"/> 
    <!--[if lt IE 9]>
        <link rel="stylesheet" type="text/css" href="css/style_ie.css" />
    <![endif]-->
    <!--[if IE 9]>
         <link href="css/style_geko.css" rel="stylesheet" type="text/css" />
    <![endif]-->
    <!--[if !IE]><!-->  
    <link href="css/style_geko.css" rel="stylesheet" type="text/css" />
    <!--<![endif]-->
    <!--[if IE]>
        <link rel="stylesheet" type="text/css" href="css/style_ie.css" />
    <![endif]-->
    <link href="css/jquery.jgrowl.css" rel="stylesheet" type="text/css" />
    <link href="css/style_dark.css" type="text/css" rel="stylesheet"/> 
    <script type="text/javascript" src="js/jquery.min.js"></script>
    <script type="text/javascript" src="js/jquery.jgrowl_compressed.js" ></script>
    <script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
    <script type="text/javascript" src="js/form_validation.js"></script>
    <script type="text/javascript" src="js/scripts.js?id=1"></script>
    <script src="js/superfish.js" type="text/javascript"></script>
    <script src="http://www.google-analytics.com/ga.js" type="text/javascript"></script>
    <script type="text/javascript">
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', 'UA-1181516-1']);
        _gaq.push(['_trackPageview']);

        $(document).ready(function () {
        dropDown();
        loadPages();
        contentHandler();
     });
    </script>
 </head>
 <body>
    <div id="fb-root"></div>
    <script>
        window.fbAsyncInit = function () {
            FB.init({ appId: '207708975906876', status: true, cookie: true,
                xfbml: true
            });
        };
        (function () {
            var e = document.createElement('script');
            e.type = 'text/javascript';
            e.src = document.location.protocol +
          '//connect.facebook.net/en_US/all.js';
            e.async = true;
            document.getElementById('fb-root').appendChild(e);
        } ());
    </script>
  <div id="slideshow" title="Play Slideshow" class="slideshow"></div>
  <div id="fbcomment_top">
    <div style="float:left;padding-top:2px;" id="fbcommentscount"></div>
    <div  style="float:left;padding-top:2px;"> &nbsp;comments  <img style="vertical-align:middle" src="images/dark/FaceBook_write.png" alt=""  /></div>
    <div id="fblikebox">
        <div id="fblike"></div>
    </div>
    <div style="float:none;"></div>
 </div>
 <div id="fbcomment" style="display:none;"></div>
     <div id="main-bar" >
        <div class="left">
            <div id="logo">
                <a href="\"><img src="images/dark/logo.gif" alt=""/></a>
           
            </div>
            <div id="menu">
                <ul id="album" runat="server">
                     
                </ul>
            </div>
        </div>
        <div class="right">
               <div id="pageAlbumTitle"></div>
        </div>
    </div>
    <div id="photo-album-container">
        <div class="thumb-icon"></div>
        <div id="photo-album-wrapper">
            <div id="photo-album">
                <div id="album-thumbs"></div>
                <div id="more-thumbs"></div>
                <div id="less-thumbs"></div>
            </div>
        </div>
    </div>
    <a href="#" id="open-externally" target="_blank"><span><span></span>Open Externally</span></a>
  
    <div id="image-holder">
        <div id="image-tooltip"><span></span></div>
    </div>
    <div id="previous-photo">
        <div></div>
    </div>
    <div id="next-photo">
        <div></div>
    </div>
    <div id="content-wrapper"></div>
    <div id="content-holder">
        <div id="content-close"></div>
        <div id="content-area"></div>
    </div>
</body>
</html>